import { BasicLayout, UserLayout } from '@/layouts'
import RouteView from '../layouts/RouteView'
import PageView from '../layouts/PageView'

export const asyncRouterMap = [
    {
        path: '/',
        name: 'index',
        component: BasicLayout,
        meta: { title: 'menu.home' },
        redirect: '/dashboard/workplace',
        children: [

            // dashboard
            {
                path: '/dashboard',
                name: 'dashboard',
                redirect: '/dashboard/workplace',
                component: PageView,
                meta: { title: 'menu.dashboard', keepAlive: true, icon: 'DashboardOutlined', permission: ['dashboard'] },
                children: [
                    {
                        path: '/dashboard/analysis/:pageNo([1-9]\\d*)?',
                        name: 'Analysis',
                        component: () => import('@/views/dashboard/Analysis'),
                        meta: { title: 'menu.dashboard.analysis', keepAlive: false, permission: ['dashboard'] }
                    },
                    // 外部链接
                    {
                        path: '/dashboard/monitor',
                        name: 'Monitor',
                        component: () => import('@/views/dashboard/Monitor'),
                        meta: { title: 'menu.dashboard.monitor' }
                    },
                    {
                        path: '/dashboard/workplace',
                        name: 'Workplace',
                        component: () => import('@/views/dashboard/Workplace'),
                        meta: { title: 'menu.dashboard.workplace', keepAlive: true, permission: ['dashboard'] }
                    },
                    // 外部链接
                    {
                        path: 'https://www.baidu.com/',
                        name: 'OutLinked',
                        meta: { title: 'OutLinked', target: '_blank' }
                    }
                ]
            },
            {
                path: '/form',
                name: 'form',
                meta: { title: 'menu.form', icon: 'FormOutlined' },
                redirect: '/form/basic-form',
                component: RouteView,
                children: [
                    {
                        path: '/form/basic-form',
                        name: 'BaseForm',
                        meta: { icon: 'SmileOutlined', title: 'menu.form.basic-form' },
                        component: () => import('@/views/form/basicForm/BasicForm')
                    },
                    {
                        path: '/form/step-form',
                        name: 'StepForm',
                        meta: { icon: 'SmileOutlined', title: 'menu.form.step-form' },
                        component: () => import('@/views/form/stepForm/StepForm')
                    },
                    {
                        path: '/form/advanced-form',
                        name: 'AdvancedForm',
                        meta: { icon: 'SmileOutlined', title: 'menu.form.advanced-form' },
                        component: () => import('@/views/form/advancedForm/AdvancedForm')
                    }
                ]
            },
            // list
            {
                path: '/list',
                name: 'list',
                component: RouteView,
                redirect: '/list/table-list',
                meta: { title: 'menu.list', icon: 'TableOutlined', permission: ['table'] },
                children: [
                    {
                        path: '/list/table-list/:pageNo([1-9]\\d*)?',
                        name: 'TableListWrapper',
                        hideChildrenInMenu: true, // 强制显示 MenuItem 而不是 SubMenu
                        component: () => import('@/views/list/TableList'),
                        meta: { title: 'menu.list.table-list', keepAlive: true, permission: ['table'] }
                    },
                    {
                        path: '/list/basic-list',
                        name: 'BasicList',
                        component: () => import('@/views/list/BasicList'),
                        meta: { title: 'menu.list.basic-list', keepAlive: true, permission: ['table'] }
                    },
                    {
                        path: '/list/card',
                        name: 'CardList',
                        component: () => import('@/views/list/CardList'),
                        meta: { title: 'menu.list.card-list', keepAlive: true, permission: ['table'] }
                    },
                    {
                        path: '/list/search',
                        name: 'SearchList',
                        component: () => import('@/views/list/search/SearchLayout'),
                        redirect: '/list/search/article',
                        meta: { title: 'menu.list.search-list', keepAlive: true, permission: ['table'] },
                        children: [
                            {
                                path: '/list/search/article',
                                name: 'SearchArticles',
                                component: () => import('../views/list/search/Article'),
                                meta: { title: 'menu.list.search-list.articles', permission: ['table'] }
                            },
                            {
                                path: '/list/search/project',
                                name: 'SearchProjects',
                                component: () => import('../views/list/search/Projects'),
                                meta: { title: 'menu.list.search-list.projects', permission: ['table'] }
                            },
                            {
                                path: '/list/search/application',
                                name: 'SearchApplications',
                                component: () => import('../views/list/search/Applications'),
                                meta: { title: 'menu.list.search-list.applications', permission: ['table'] }
                            }
                        ]
                    }
                ]
            },
            // profile
            {
                path: '/profile',
                name: 'profile',
                component: RouteView,
                redirect: '/profile/basic',
                meta: { title: 'menu.profile', icon: 'ProfileOutlined', permission: ['profile'] },
                children: [
                    {
                        path: '/profile/basic',
                        name: 'ProfileBasic',
                        component: () => import('@/views/profile/basic/Basic'),
                        meta: { title: 'menu.profile.basic', permission: ['profile'] }
                    },
                    {
                        path: '/profile/advanced',
                        name: 'ProfileAdvanced',
                        component: () => import('@/views/profile/advanced/Advanced'),
                        meta: { title: 'menu.profile.advanced', permission: ['profile'] }
                    }
                ]
            },
            // result
            {
                path: '/result',
                name: 'result',
                component: PageView,
                redirect: '/result/success',
                meta: { title: 'menu.result', icon: 'CheckCircleOutlined', permission: ['result'] },
                children: [
                    {
                        path: '/result/success',
                        name: 'ResultSuccess',
                        component: () => import(/* webpackChunkName: "result" */ '@/views/result/Success'),
                        meta: { title: 'menu.result.success', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
                    },
                    {
                        path: '/result/fail',
                        name: 'ResultFail',
                        component: () => import(/* webpackChunkName: "result" */ '@/views/result/Error'),
                        meta: { title: 'menu.result.fail', keepAlive: false, hiddenHeaderContent: true, permission: ['result'] }
                    }
                ]
            },
            // Exception
            {
                path: '/exception',
                name: 'exception',
                component: RouteView,
                redirect: '/exception/403',
                meta: { title: 'menu.exception', icon: 'WarningOutlined', permission: ['exception'] },
                children: [
                    {
                        path: '/exception/403',
                        name: 'Exception403',
                        component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/403'),
                        meta: { title: 'menu.exception.not-permission', permission: ['exception'] }
                    },
                    {
                        path: '/exception/404',
                        name: 'Exception404',
                        component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404'),
                        meta: { title: 'menu.exception.not-find', permission: ['exception'] }
                    },
                    {
                        path: '/exception/500',
                        name: 'Exception500',
                        component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/500'),
                        meta: { title: 'menu.exception.server-error', permission: ['exception'] }
                    }
                ]
            },
            // account
            {
                path: '/account',
                component: RouteView,
                redirect: '/account/center',
                name: 'account',
                meta: { title: 'menu.account', icon: 'UserOutlined', keepAlive: true, permission: ['user'] },
                children: [
                    {
                        path: '/account/center',
                        name: 'center',
                        component: () => import('@/views/account/center/AccountCenter'),
                        meta: { title: 'menu.account.center', keepAlive: true, permission: ['user'] }
                    },
                    {
                        path: '/account/settings',
                        name: 'settings',
                        component: () => import('@/views/account/settings/Index'),
                        meta: { title: 'menu.account.settings', hideHeader: true, permission: ['user'] },
                        redirect: '/account/settings/basic',
                        hideChildrenInMenu: true,
                        children: [
                            {
                                path: '/account/settings/basic',
                                name: 'BasicSettings',
                                component: () => import('@/views/account/settings/BasicSetting'),
                                meta: { title: 'account.settings.menuMap.basic', hidden: true, permission: ['user'] }
                            },
                            {
                                path: '/account/settings/security',
                                name: 'SecuritySettings',
                                component: () => import('@/views/account/settings/Security'),
                                meta: {
                                    title: 'account.settings.menuMap.security',
                                    hidden: true,
                                    keepAlive: true,
                                    permission: ['user']
                                }
                            },
                            {
                                path: '/account/settings/custom',
                                name: 'CustomSettings',
                                component: () => import('@/views/account/settings/Custom'),
                                meta: { title: 'account.settings.menuMap.custom', hidden: true, keepAlive: true, permission: ['user'] }
                            },
                            {
                                path: '/account/settings/binding',
                                name: 'BindingSettings',
                                component: () => import('@/views/account/settings/Binding'),
                                meta: { title: 'account.settings.menuMap.binding', hidden: true, keepAlive: true, permission: ['user'] }
                            },
                            {
                                path: '/account/settings/notification',
                                name: 'NotificationSettings',
                                component: () => import('@/views/account/settings/Notification'),
                                meta: {
                                    title: 'account.settings.menuMap.notification',
                                    hidden: true,
                                    keepAlive: true,
                                    permission: ['user']
                                }
                            }
                        ]
                    }
                ]
            }
        ]
    },
    {
        path: '/:pathMatch(.*)*',
        redirect: '/404',
        hidden: true
    }
]
export const constantRouterMap = [
    {
        path: '/user',
        component: UserLayout,
        redirect: '/user/login',
        hidden: true,
        children: [
            {
                path: 'login',
                name: 'login',
                component: () => import(/* webpackChunkName: "user" */ '@/views/user/Login')
            },
            {
                path: 'register',
                name: 'register',
                component: () => import(/* webpackChunkName: "user" */ '@/views/user/Register')
            },
            {
                path: 'register-result',
                name: 'registerResult',
                component: () => import(/* webpackChunkName: "user" */ '@/views/user/RegisterResult')
            },
            {
                path: 'recover',
                name: 'recover',
                component: undefined
            }
        ]
    },

    {
        path: '/404',
        component: () => import(/* webpackChunkName: "fail" */ '@/views/exception/404')
    }
]
